<include file="Public/header" />
	<body>
		<div class="mui-content">
		    <header class="mui-bar mui-bar-nav pub_head">
		        <a class="mui-action-back mui-icon mui-pull-left iconfont icon-left" href="javascript:history.go(-1)"></a>
		        <h1 class="mui-title">幼儿教育</h1>
		    </header>
			<!--商品详情页轮播图 start-->
			<div class="swiper-container" style="margin-top:2.78rem;"">
				<div class="swiper-wrapper">
					<volist name='list' id='val'>
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="{$val['pic']}">
							</a>
						</div>
					</volist>
					<if condition="empty($list)">
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
					</if>
					<if condition="count($list) == 1">
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
				    </if>
					<if condition="count($list) == 2">
						<div class="swiper-slide index_swiper_img">
							<a href="#">
								<img src="__PUBLIC__/kinderGarent/src/images/banner2.jpg">
							</a>
						</div>
				    </if>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<!--商品详情页轮播图 end-->
			
			<div class="education_list">
				<ul>
					<li>
						<a href="{:U('kindergarten_list')}">
							<i class="iconfont icon-xing"></i>
							<span>幼儿园列表</span>
						</a>
					</li>
					<li>
						<a href="{:U('User/index')}">
							<i class="iconfont icon-youer"></i>
							<span>我的宝宝</span>
						</a>
					</li>
				</ul>
			</div>
			
		</div>
            
		<script type="text/javascript" charset="UTF-8">
			$(function() {
				var swiper = new Swiper(".swiper-container", {
					//控制轮播图的滚动方向
					direction: "horizontal", //方向:水平方向 
					//		    direction:"vertical",//方向:竖直方向 
					//控制轮播图是否无限滚动. true循环, false不循环.
					loop: true,
					//是否需要左右按钮
					//	nextButton: ".swiper-button-next",
					//	prevButton: ".swiper-button-prev",
					//是否需要分页器
					pagination: ".swiper-pagination",
					//是否开启自动播放(后面加毫秒数)
					autoplay: 1000,
					//切换控制效果(cube, fade, overflow, flip)
					effect: 'overflow',
					//检测当前滑动到第几页
					onSlideChangeEnd: function(swiper) {
						//		console.log(swiper.activeIndex);
					}
				});
			});
		</script>
	</body>
</html>